<ion-content>

  <div class="c-p-logo">
    <img src="assets/modify/logo@3x.png" alt="" (click)="pop()">
    <span>随心测</span>
  </div>


  <div class="c-p-modify">
    <span>欢迎到来！</span>
  </div>

  <div class="c-p-box">
    <ion-list no-lines>
      <div> 
        <ion-item>
          <ion-label floating>手机号</ion-label>
          <ion-input   #input type="number" (keyup)="rep($event)" [ngClass]="{'has-liner-gradient': this.lgService.isShowPhoneBorder,'no-has-liner-gradient': !this.lgService.isShowPhoneBorder}"
            [(ngModel)]="phone" minlength="11" maxlength="11" (blur)="this.lgService.blurShowPhoneBorder();"  (focus)="this.lgService.focusShowPhoneBorder()"></ion-input>
        </ion-item>
      </div>
 
      <div class="border-code">
        <ion-item>
          <ion-label floating>验证码</ion-label>
          <ion-input type="number" (keyup)="codeNum($event)"   [ngClass]="{'has-liner-gradient': this.lgService.isShowCodeBorder,'no-has-liner-gradient': !this.lgService.isShowCodeBorder}"
            [(ngModel)]="code" (blur)="this.lgService.blurShowCodeBorder()" (focus)="this.lgService.focusShowCodeBorder()" minlength="6" maxlength="6"></ion-input>
        </ion-item>
        <div class="border-code-time">
          <button *ngIf="!isShow" disabled>{{count}}秒后获取</button>
          <button *ngIf="isShow" (click)="setCode()" [disabled]='isRegister'>获取验证码</button>
        </div>
      </div>

      <div class="c-p-password">
        <ion-item>
          <ion-label floating>密码</ion-label>
          <ion-input  (keyup)="passwordReplace($event)" type="{{isEye? 'password':'text'}}" clearOnEdit="false" [ngClass]="{'has-liner-gradient': this.lgService.isShowPasswordBorder,'no-has-liner-gradient': !this.lgService.isShowPasswordBorder}"
            [(ngModel)]="password" minlength="8" maxlength="16" (blur)="this.lgService.blurShowPasswordBorder()" (focus)="this.lgService.focusShowPasswordBorder()">
          </ion-input>
        </ion-item>
        <ion-icon name="{{isEye? 'eyes-off': 'eyes-on'}}" (click)="isShowPassword()"></ion-icon>
      </div>

      <div class="forget-password">
        <p style="display: inline-block" (tap)="gotoLogin()">登录</p>
      </div>

    </ion-list>
  </div>

  <div class="border-login">
    <button (click)="gotoUpDataInfo()">下一步</button>
  </div>




</ion-content>
